<!DOCTYPE html>
<html>

<head lang="en">
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1,user-scalable=no">
  <meta name="format-detection" content="telephone=no" />
  <title>成都融微软件服务有限公司</title>
  <!-- <link rel="stylesheet" href="css/bootstrap.min.css" /> -->
  <link rel="stylesheet" href="css/animate.min.css" />
  <link rel="stylesheet" href="//at.alicdn.com/t/font_1031196_66s8datjlfd.css" />
  <link rel="stylesheet" href="js/layui/css/layui.css" />
  <link rel="stylesheet" href="css/reset.css">
  <link rel="stylesheet" href="css/headleft.css">
  <link rel="stylesheet" href="css/index.css">
  <link rel="stylesheet" href="./css/zzc_phone.css">
  <script src="js/jquery-1.11.3.js"></script>
  <script src="js/echarts.min.js"></script>
</head>

<body>
  <!-- 头部 -->
  <div class="daohang bgff">
    <script>
      $(".daohang").load("header.html");
    </script>
  </div>
  <!-- 中间内容-->
  <div class="substance">
    <div class="substance_lf">
      <!-- 左边栏目 -->
      <script>
        $(".substance_lf").load("zzc_left.html");
      </script>
    </div>
    <div class="substance_rt huibg">
      <!-- 右边的内容 -->
      <!-- 导航 -->
      <div class="rt_tit">
        <a href="#" class="fnt_14">运营中心</a> / <a href="#" class="fnt_14">发布项目</a>
      </div>
      <div class=" ">
        <div class="erba">
          <div class="er bgff pad15">
            <div class="ping_pd">
              <h4 class="ping_tit">
                任务进度
              </h4>
            </div>
            <div class="time">
              <ul class="timeLine">
                <li>
                  <p class="time_p fnt_14">2020-09-13 <br>
                    10:30</p>
                  <div class="con">
                    <span class="fnt_16 f1">上报稿件</span>
                    <p class="fnt_16 col_666">受理人：程杰 <span class="rt col_lan"> 版本：1.0 </span> </p>
                    <p class="fnt_16 col_444">这是一条操作内容这是一条操作内容这是
                      一条操作内容 </p>
                  </div>
                </li>
                <li>
                  <p class="time_p fnt_14">2020-09-13 <br>
                    10:30</p>
                  <div class="con">
                    <span class="fnt_16 f3">修改意见</span>
                    <p class="fnt_16 col_666">受理人：程杰</p>
                    <p class="fnt_16 col_444">这是一条修改内容这是一条修改内容这是
                      一条修改内容 </p>
                  </div>
                </li>
                <li>
                  <p class="time_p fnt_14">2020-09-13 <br>
                    10:30</p>
                  <div class="con">
                    <span class="fnt_16 f2">反馈信息</span>
                    <p class="fnt_16 col_666">受理人：程杰 <span class="rt col_lan"> 版本：1.0 </span> </p>
                    <p class="fnt_16 col_444">这是一条操作内容这是一条操作内容这是
                      一条操作内容 </p>
                  </div>
                </li>
                <li>
                  <p class="time_p fnt_14">2020-09-13 <br>
                    10:30</p>
                  <div class="con">
                    <span class="fnt_16 f1">任务发布</span>
                    <p class="fnt_16 col_444">受理人：程杰</p>
                  </div>
                </li>

              </ul>
            </div>
          </div>
          <div class="ba bgff">
            <div class=" ">
              <h1 class="index_tit col_lan fnt_16 mb20"> <i class="iconfont icon-icon-1"></i> 约稿信息</h1>
              <div class="text_cont">
                <div class="text_item">
                  <span class="fnt_16 col_666"> 项目信息： </span>
                  <p class="fnt_16 col_999">这是一条标题内容</p>
                </div>
                <div class="text_item">
                  <span class="fnt_16 col_666"> 任 &nbsp; &nbsp; &nbsp; 务： </span>
                  <p class="fnt_16 col_999">
                    这是一条编写摘要内容这是一条编写摘要内容这是一条编写摘要内容这是一条编写摘要内容这是一条编写摘要内容这是一条编写摘要内容这是一条编写摘要内容这
                    编写摘要内容这是一条编写摘要内容这是一条编写摘要内容这是一条编写摘要内容这是一条编写摘要内容这是一条编写摘要内容这是一条编写摘要内容这是一条编
                    编写摘要内容这是一条编写摘要内容这是一条编写摘要内容这是一条编写摘要内容这是一条编写摘要内容这是一条编写摘要内容这是一条编写摘要内容这是一条编
                    编写摘要内容这是一条编写摘要内容这是一条编写摘要内容
                  </p>
                </div>
                <div class="text_item">
                  <span class="fnt_16 col_666"> 约稿类型： </span>
                  <p class="fnt_16 col_999">类型名称</p>
                </div>
                <div class="text_item">
                  <span class="fnt_16 col_666"> 交稿时间： </span>
                  <p class="fnt_16 col_999">2020-09-13</p>
                </div>
                <div class="text_item">
                  <span class="fnt_16 col_666"> 交稿时限： </span>
                  <p class="fnt_16 col_999">2020-09-19</p>
                </div>
                <div class="text_item">
                  <span class="fnt_16 col_666"> 标 &nbsp; &nbsp; &nbsp; 签： </span>
                  <p class="fnt_16 col_999">情感 | 电影音乐 | 文学</p>
                </div>
                <div class="text_item text_all">
                  <span class="fnt_16 col_666"> 附件资料： </span>
                  <div class="text_hui">

                    <div class="word">
                      <img src="images/wps.jpg" alt="">
                      <p class="fnt_14 col_333 textfull1">任务名称标题可编辑名称标题可编辑编辑名称标题可编辑.pdf </p>
                    </div>
                    <div class="text_a">
                      <a href="#" class="fnt_16 col_lan">预览</a>
                      <a href="#" class="fnt_16 col_lan">下载</a>
                    </div>

                  </div>
                </div>
                <div class="text_item text_all">
                  <span class="fnt_16 col_666"> 修改意见： </span>
                  <div class="text_hui">
                    <textarea name="" id="" cols="30" rows="10" class="layui-textarea"
                      placeholder="这是一条修改修改内容输入框 "></textarea>
                  </div>
                </div>
                <div class="text_item ">
                  <button type="button" class="layui-btn layui-btn-primary">通过</button>
                  <button type="button" class="layui-btn layui-btn-primary">不通过</button>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <!-- 尾部 -->
      <div class="foot huibg">
        <script>
          $(".foot").load("foot.html");
        </script>
      </div>
    </div>

  </div>
  </div>
  <script src="js/layui/layui.all.js"></script>
  <script>
    $('.gao_tit span').click(function () {
      var liindex = $('.gao_tit span').index(this);
      console.log(liindex);
      $(this).addClass('active').siblings().removeClass('active');
      $('.gao_cont .gao_item').eq(liindex).fadeIn(150).siblings(".gao_item").hide();
    });

    layui.use('laydate', function () {
      var laydate = layui.laydate;
      laydate.render({
        elem: '#test16',
        range: true
      });
    })

    function ifanychecked() {
      var num = $('b.active_true').length;
      if (num > 0) {
        return true;
      }
    }
    //全选
    $('#all_btn').click(function () {
      if ($('#all_btn').html() != '') {
        $('#all_btn').html('');
        $('.gwc_box b.active_btn').html('').removeClass('active_true');
        return false;
      }
      $(this).html('<img src="images/gwc_bg.png"/>');
      $('.gwc_box b.active_btn').html('<img src="images/gwc_bg.png"/>').addClass('active_true');
    });

    //单选
    $('b.active_btn').click(function () {
      if ($(this).html() != '') {
        $(this).html("").removeClass('active_true');
        $('#all_btn').html('');
        return true;
      }
      $(this).html('<img src="images/gwc_bg.png"/>').addClass('active_true');
      if (ifall()) {
        $('#all_btn').html('<img src="images/gwc_bg.png"/>');
      }
    });

    //点击单选，全选判断
    function ifall() {
      var num1 = $('b.active_btn').length;
      var num2 = $('b.active_true').length;
      if (num1 == num2) {
        return true;
      }
    }
  </script>

</body>

</html>